﻿<!DOCTYPE html>

<%@page import="com.qiyadeng.wechat.config.WeChatConstant"%>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<spring:url value="/" var="prjroot"></spring:url>

<html lang="en">
<head>
<meta charset="utf-8"/>
<title>门店</title>
<meta name="description" content="页面描述">
<meta name="keywords" content="页面关键词">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<link type="text/css" rel="stylesheet" href="${prjroot}style/reset.css" />
<link type="text/css" rel="stylesheet" href="${prjroot}style/common.css" />

</head>

<body>

<section id="focusImg">
	<img src="${prjroot}images/index_focusImg.jpg"/>
</section>
<script>
var obj=document.getElementById('focusImg');
var oImg=obj.getElementsByTagName('img');
var objWidth=obj.offsetWidth;
for(i=0;i<oImg.length;i++)
{
oImg[i].style.width=objWidth+'px';
}
</script>
<nav id="loc_nav">
	<div class="nav_Menu">
		<span class="J_bt" id="J_maps_bt">${city}</span>
		<ul class="map_s" id="J_maps_box">
			<c:forEach var="city" items="${strList}">
				<li><a href="${prjroot}wechat/storelist?cityName=${city}">${city}</a></li>
			</c:forEach>
			<!-- 
			<li><a href="">北京</a></li>
			<li><a href="">上海</a></li>
			<li><a href="">深圳</a></li>
			<li><a href="">温州</a></li>
			 -->
		</ul>
	</div>
</nav>
<script>
	
</script>

<section>
<c:forEach var="st" items="${storeList}">
	<dl class="store-list">
		<dt class="pic">
			<a href=""><img src="<%=WeChatConstant.BASE_PIC_WEBSITE %>${st.storePic}" width="150" height="100"/></a>
		</dt>
		
		<dd class="summary">
			<h2 class="title"><a href="">${st.storeName}</a></h2>
			<div class="text">
				${st.storeAddress}
			</div>
		</dd>
	</dl>
</c:forEach>	

</section>
<script type="text/javascript" src="${prjroot}style/gn.js"></script>
</body>
</html>